<template lang="html">
    <div class="" >
        <nav class="navbar navbar-default">
          <div class="container">
              <ul class="nav navbar-nav">
                    <router-link active-class="active" :to="{path:'/home'}" tag="li">
                        <a href="#">首页</a>
                    </router-link>
                    <router-link active-class="active" :to="{path:'/router'}" tag="li">
                        <a href="#">路由</a>
                    </router-link>
                    <router-link active-class="active" :to="{path:'/com'}" tag="li">
                        <a href="#">组件</a>
                    </router-link>
                    <router-link active-class="active" :to="{path:'/class'}" tag="li">
                        <a href="#">样式学习</a>
                    </router-link>
                    <router-link active-class="active" :to="{path:'/cross'}" tag="li">
                        <a href="#">跨域</a>
                    </router-link>

                    <router-link active-class="active" :to="{path:'/action'}" tag="li">
                        <a href="#">动画</a>
                    </router-link>

                    <router-link active-class="active" :to="{path:'/lifecircle'}" tag="li">
                        <a href="#">生命周期</a>
                    </router-link>

                    <router-link active-class="active" :to="{path:'/mint'}" tag="li">
                        <a href="#">MintUI</a>
                    </router-link>

                </ul>
          </div>
        </nav>
    </div>

</template>

<script>
export default {}
</script>

<style lang="css">

</style>
